How can we still make data points respond to hover events without displaying point graphics in area chart?

Question Description

It is expected that the points will not be displayed in the area chart, but the event message of the point being hovered can still be obtained through vchart.on('pointerover', ...)

Solution

VChart's graphic configuration will indeed no longer respond to interactive events after setting visible:false. However, you can set the transparency to 0 to make the point invisible, but still respond to interactive events.

{
  point: {
     style: {
       fillOpacity: 0,
       strokeOpacity: 0,
     }
  }
}

Code Example

Quote

• github
• Point style configuration
• Event listening documentation